<template>
  <div class="left_center_two">
    <Echart id="leftCenterTwo" :options="options" class="left_center_inner" ref="charts"/>
    <div class="pic" @click="changeMapKCCL"></div>
  </div>

</template>

<script>
export default {
  data() {
    return {
      options: {},
      picShow:false
    };
  },
  created() {

  },
  mounted() {
  },
  beforeDestroy() {
  },
  methods: {
    changeMapKCCL(){
      this.$store.state.mapChangeData={
        url:"http://218.93.116.192:8087/geoserver/xf/wms",
        name:"科创策略",
        params:{
          LAYERS: "xf:gh_ppt_21Xkctx"
        },
        location:[119.90, 31.61],
        zoom:10.7
      }
    },
  },
};
</script>
<style lang='scss' scoped>
.left_center_two{
  width: 100%;
  height: 100%;
  position: relative;
  .pic{
    position: absolute;
    top: 0;
    width: 100%;
    height: 98%;
    //padding: 16px 16px 10px 16px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
    background-image: url("../../assets/img/datav/cycl/kccl.png");
  }
}
</style>
